<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	template="./../template.xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	
	<ui:define name="tituloJanela">
		<title>Cadastrar Novo Equipamento</title>
	</ui:define>

	<ui:define name="tituloCima">
		<h1>Cadastrar Novo Equipamento</h1>
	</ui:define>
	
	<ui:define name="conteudo">
		<h:form id="tabelaForm">
			<p:messages></p:messages>
			<p:panel header="Cadastrar Equipamento">
			<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5" >
			
				<h:outputLabel value="Tombo: "/>
				<p:inputText value="#{equipamentoMB.equipamento.tombo}" required="true" style="width: 358px;"
					requiredMessage="Entre com o tombo do equipamento." converterMessage="Entre apenas com números.">
					<f:convertNumber integerOnly="true" pattern="#" minIntegerDigits="6"/>
				</p:inputText>
					
				<h:outputLabel value="Tipo: " />  
		        <p:selectOneMenu value="#{equipamentoMB.equipamento.tipoEquipamento}" effect="fade" required="true"
		        	requiredMessage="Selecione o tipo do equipamento." style="width: 361px;">  
		            <f:selectItem itemLabel="Selecionar" itemValue=""/>  
		            <f:selectItems value="#{tipoEquipamentoMB.tipoEquipamentoItens}"/>
		        </p:selectOneMenu>	
		       	<p:spacer  rendered="#{equipamentoMB.isEdicao()}"/>
				<p:inputText value="#{equipamentoMB.nomeTipoEquipamento}" disabled="true" rendered="#{equipamentoMB.isEdicao()}"/>
					
				<h:outputLabel value="Nome: "/>
				<p:inputText value="#{equipamentoMB.equipamento.descricao}" required="true" style="width: 358px;"
					requiredMessage="Entre com a descrição do equipamento (modelo)."/>
					
			</h:panelGrid>
		    </p:panel>	        	
			<br/>
			<p:commandButton action="#{equipamentoMB.adicionaEquipamento}" value="Salvar" update=":tabelaForm" ajax="false"/>
		</h:form>
	</ui:define>
</ui:composition>